$(document).ready(function(){
 
    $(".messages").hide();
    //queremos que esta variable sea global
    var fileExtension = "";
    //función que observa los cambios del campo file y obtiene información
    /*
	$(':file').change(function()
    {
        //obtenemos un array con los datos del archivo
        var file = $("#imagen")[0].files[0];
        //obtenemos el nombre del archivo
        var fileName = file.name;
        //obtenemos la extensión del archivo
        fileExtension = fileName.substring(fileName.lastIndexOf('.') + 1);
        //obtenemos el tamaño del archivo
        var fileSize = file.size;
        //obtenemos el tipo de archivo image/png ejemplo
        var fileType = file.type;
        //mensaje con la información del archivo
        showMessage("<span class='info'>Archivo para subir: "+fileName+", peso total: "+fileSize+" bytes.</span>");
    });
 	*/
	
	$('.eliminar').click(function(event){
			  usersid =  $(this).attr("id");
			  if (!isNaN(usersid)) {
				$("#idAgente").val(usersid);
				$("#dialog2").dialog("open");
				//url = "../clienteseleccionado/index.php?idcliente=" + usersid;
				//$(location).attr('href',url);
			  } else {
				alert("Error, vuelva a realizar la acción.");	
			  }
			  
			  //post code
	});
	
	
	$( "#dialog2" ).dialog({
		 	
			    autoOpen: false,
			 	resizable: false,
				width:600,
				height:240,
				modal: true,
				buttons: {
				    "Eliminar": function() {
	
						$.ajax({
									data:  {id: $('#idAgente').val(), accion: 'eliminarUsuario'},
									url:   '../../ajax/ajax.php',
									type:  'post',
									beforeSend: function () {
											
									},
									success:  function (response) {
											url = "../agentes/";
											$(location).attr('href',url);
											
									}
							});
						$( this ).dialog( "close" );
						$( this ).dialog( "close" );
							$('html, body').animate({
	           					scrollTop: '1000px'
	       					},
	       					1500);
				    },
				    Cancelar: function() {
						$( this ).dialog( "close" );
				    }
				}
		 
		 
	 		}); //fin del dialogo para eliminar
			
			
	
	
	$("#usuario").click(function(event) {
        			$("#usuario").removeClass("alert-danger");
        			});
                    
                    $("#password").click(function(event) {
        			$("#password").removeClass("alert-danger");
        			});
                    
                    $("#email").click(function(event) {
        			$("#email").removeClass("alert-danger");
        			});
                    
                    $("#nombrecompleto").click(function(event) {
        			$("#nombrecompleto").removeClass("alert-danger");
        			});
                
                function validar_email(valor)
                {
            		// creamos nuestra regla con expresiones regulares.
            		var filter = /[\w-\.]{3,}@([\w-]{2,}\.)*([\w-]{2,}\.)[\w-]{2,4}/;
            		// utilizamos test para comprobar si el parametro valor cumple la regla
            		if(filter.test(valor))
            			return true;
            		else
            			return false;
                }


        		function validador(){

        				$error = "";
						
						if ($("#idusuario").val() == "") {
        					$error = "Error, vuelva a actualizar la pagina.";
        				}
        				
        				if ($("#usuario").val() == "") {
        					$error = "Es obligatorio el campo usuario.";
        					$("#usuario").addClass("alert-danger");
        					$("#usuario").attr('placeholder',$error);
        				}
                        
                        if ($("#password").val() == "") {
        					$error = "Es obligatorio el campo password.";
        					$("#password").addClass("alert-danger");
        					$("#password").attr('placeholder',$error);
        				}
                        
                        if ($("#email").val() == "") {
        					$error = "Es obligatorio el campo email.";
        					$("#email").addClass("alert-danger");
        					$("#email").attr('placeholder',$error);
        				} else {
        				    if (validar_email($("#email").val()) == false) {
                                $error = "El email no es valido.";
            					$("#email").addClass("alert-danger");
                                $("#email").html();
            					$("#email").attr('placeholder',$error);
                            }    
        				}
                        
                        
                        if ($("#nombrecompleto").val() == "") {
        					$error = "Es obligatorio el campo Nombre Completo.";
        					$("#nombrecompleto").addClass("alert-danger");
        					$("#nombrecompleto").attr('placeholder',$error);
        				}


        				return $error;
        		}
	
    //al enviar el formulario
    $('#cargar').click(function(){
		if (validador() == "")
        {
			//información del formulario
			var formData = new FormData($(".formulario")[0]);
			var message = "";
			//hacemos la petición ajax  
			$.ajax({
				url: '../../ajax/ajax.php',  
				type: 'POST',
				// Form data
				//datos del formulario
				data: formData,
				//necesario para subir archivos via ajax
				cache: false,
				contentType: false,
				processData: false,
				//mientras enviamos el archivo
				beforeSend: function(){
					message = $("<span class='before'>Subiendo la imagen, por favor espere...</span>");
					showMessage(message)        
				},
				//una vez finalizado correctamente
				success: function(data){
					
					/*
					if(isImage(fileExtension))
					{
						$(".showImage").html("<img src='files/"+data+"' />");
					}
					*/
					if (data == '') {
                                            $(".alert").removeClass("alert-danger");
											$(".alert").removeClass("alert-info");
                                            $(".alert").addClass("alert-success");
                                            $(".alert").html('<strong>Ok!</strong> Se cargo exitosamente el <strong>Usuario</strong>. ');
                                            $("#load").html('');
											message = $("<span class='success'>La imagen ha subido correctamente.</span>");
											showMessage(message);
                                        } else {
                                        	$(".alert").removeClass("alert-danger");
                                            $(".alert").addClass("alert-danger");
                                            $(".alert").html('<strong>Error!</strong> '+data);
                                            $("#load").html('');
                                        }
				},
				//si ha ocurrido un error
				error: function(){
					message = $("<span class='error'>Ha ocurrido un error.</span>");
					showMessage(message);
				}
			});
		}
    });
    
    
    $('#modificar').click(function(){
		if (validador() == "")
        {
			//información del formulario
			var formData = new FormData($(".formulario")[0]);
			var message = "";
			//hacemos la petición ajax  
			$.ajax({
				url: '../../ajax/ajax.php',  
				type: 'POST',
				// Form data
				//datos del formulario
				data: formData,
				//necesario para subir archivos via ajax
				cache: false,
				contentType: false,
				processData: false,
				//mientras enviamos el archivo
				beforeSend: function(){
					message = $("<span class='before'>Subiendo la imagen, por favor espere...</span>");
					showMessage(message)        
				},
				//una vez finalizado correctamente
				success: function(data){
					
					/*
					if(isImage(fileExtension))
					{
						$(".showImage").html("<img src='files/"+data+"' />");
					}
					*/
					if (data == '') {
                                            $(".alert").removeClass("alert-danger");
											$(".alert").removeClass("alert-info");
                                            $(".alert").addClass("alert-success");
                                            $(".alert").html('<strong>Ok!</strong> Se cargo exitosamente el <strong>Usuario</strong>. ');
                                            $("#load").html('');
											message = $("<span class='success'>La imagen ha subido correctamente.</span>");
											showMessage(message);
                                        } else {
                                        	$(".alert").removeClass("alert-danger");
                                            $(".alert").addClass("alert-danger");
                                            $(".alert").html('<strong>Error!</strong> '+data);
                                            $("#load").html('');
                                        }
				},
				//si ha ocurrido un error
				error: function(){
					message = $("<span class='error'>Ha ocurrido un error.</span>");
					showMessage(message);
				}
			});
		}
    });
})
 
//como la utilizamos demasiadas veces, creamos una función para
//evitar repetición de código
function showMessage(message){
    $(".messages").html("").show();
    $(".messages").html(message);
}
 
//comprobamos si el archivo a subir es una imagen
//para visualizarla una vez haya subido
function isImage(extension)
{
    switch(extension.toLowerCase())
    {
        case 'jpg': case 'gif': case 'png': case 'jpeg':
            return true;
        break;
        default:
            return false;
        break;
    }
}